<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>延时调用</title>

    <script type="text/javascript">
        var num = 1;
        // 开启一个定时器
        /* setInterval(function() {
            console.log(num++);
        }, 1000); */

        // 延时调用
        /* 
            延时调用：
                一个函数不马上执行，而是隔一段时间以后再执行，而且只会执行一次
            
            定时调用会执行多次，而延时调用会执行一次

            延时调用和定时调用实际上是可以互相代替的

        */
        var timer = setTimeout(function(){
            console.log(num++);
        }, 3000);
        // 关闭延时调用
        clearTimeout(timer);

        // var timer = setTimeout(() => {
        //     console.log('asdf');
        // }, 1000);
        // clearTimeout(timer);


    </script>

</head>
<body>
    
</body>
</html>